.mine_modify {
    display: flex;
    flex-direction: column;
    overflow-y: auto;

    .mine_modify_header {
        height: 50px;
        display: flex;
        background-color: #4294FF;
        align-items: center;
        color: #fff;
        box-sizing: border-box;
        padding: 20px;

        i {
            font-size: 24px;
            font-family: 宋体;
            font-style: normal;
            font-weight: bold;
        }

        span {
            text-align: center;
            flex-grow: 1;
        }
    }

    .mine_modify_main {
        height: 1px;
        flex-grow: 1;

        #avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

        .nicknameBox {
            display: flex;
            justify-content: space-between;

            #nickname {
                text-align: right;
                background-color: #fff;
            }
        }

        #saveBtn {
            margin: 25px auto;
            width: 85%;
            background-color: #4294FF;
            border-radius: 20px;

            &:hover {
                background-color: #4294FF;
            }
        }
    }
}